<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>邮件管理</title>
    <link rel="stylesheet" href="./js/bootstrap-5.1.3/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="./fontawesome/css/font-awesome.css">
    <link rel="stylesheet" href="../../lib/layui-v2.6.3/css/layui.css">
    <link rel="stylesheet" href="../../css/public.css">
    <link rel="stylesheet" href="./css/yjgl.css">
</head>

<body>
    <div class='bigBtn'>
        <span type="button" class="btn btn-primary senEmail">发邮件</span>
        <span type="button" class="btn btn-primary collectEmail">收件箱</span>
    </div>
    <div class="sendOutBox">
        <div class='addresseeBtn'>
            <input class="btn btn-success btn-sm submitBtn" type="submit" value="发送">
            <input class="btn btn-info btn-sm resetBtn" type="reset" value="重置">
            <button type="button" class="btn btn-secondary btn-sm closeBtn">关闭</button>
        </div>
        <label class='addressee'>
            <div class="input-group mb-3">
                <span class="input-group-text" id="basic-addon1">收件人</span>
                <input type="email" class="form-control input1" placeholder="E-mail" aria-label="Username"
                    aria-describedby="basic-addon1">
            </div>
            <div class="input-group mb-3">
                <span class="input-group-text" id="basic-addon1">主题</span>
                <input type="text" class="form-control input2" placeholder="" aria-label="Username"
                    aria-describedby="basic-addon1">
            </div>
            <div class='tool'>
                <span class="fa fa-folder-o enclosureBtn"> 添加附件 </span>
                <span class="fa fa-folder enclosureBtn"> 超大附件 </span>
                <span class="fa fa-photo enclosureBtn"> 图片 </span>
                <span class="fa fa-calendar-plus-o"> 日程
                    <div class="layui-inline">
                        <input type="text" class="layui-input" id="test1">
                    </div>
                </span>
                <div class="enclosure">

                </div>
            </div>
            <div class="input-group mainText">
                <span class="input-group-text">正文</span>
                <textarea class="form-control input3" aria-label="With textarea"></textarea>
            </div>
            <div class='self'>发件人：<span class="selfName">管理员</span></div>
        </label>
        <div class='recentContacts'>
            <div class='recentContactsTitle'>最近联系人</div>
            <ul class='recentContactsBox'>
                
            </ul>
        </div>
    </div>
    <div class="receiveBox">
        <input class="btn btn-success btn-sm selectAll" type="button" value="全选">
        <button type="button" class="btn btn-info btn-sm readAll mT">全读</button>
        <input class="btn btn-danger btn-sm deleteEmail" type="button" value="删除">
        <button type="button" class="btn btn-secondary btn-sm closeBtn mT">关闭</button>
        <table class="table table-striped">
            <thead>
                <tr>
                    <th scope="col"></th>
                    <th scope="col" id='emailState'></th>
                    <th scope="col" id="emailUser">发件人</th>
                    <th scope="col" id="emailTitle">主题</th>
                    <th scope="col" id="emailTitle">正文</th>
                    <th scope="col" id="emailTime">时间</th>
                </tr>
            </thead>
            <tbody class='emailContent'>
                <tr>
                    <th><input type="checkbox"></th>
                    <th>未读</th>
                    <td>管理员</td>
                    <td>主题1</td>
                    <td>
                        <p>我是管理员</p>
                    </td>
                    <td>2022-01-01</td>
                </tr>
                <tr>
                    <th><input type="checkbox"></th>
                    <th>未读</th>
                    <td>园长</td>
                    <td>主题2</td>
                    <td>
                        <p>我是园长</p>
                    </td>
                    <td>2022-01-01</td>
                </tr>
                <tr>
                    <th scope="row"><input type="checkbox"></th>
                    <th>未读</th>
                    <td>老师1</td>
                    <td>主题3</td>
                    <td>
                        <p>我是老师1</p>
                    </td>
                    <td>2022-01-01</td>
                </tr>
                <tr>
                    <th scope="row"><input type="checkbox"></th>
                    <th>未读</th>
                    <td>老师2</td>
                    <td>主题4</td>
                    <td>
                        <p>我是老师2</p>
                    </td>
                    <td>2022-01-01</td>
                </tr>
                <tr>
                    <th scope="row"><input type="checkbox"></th>
                    <th>未读</th>
                    <td>老师3</td>
                    <td>主题5</td>
                    <td>
                        <p>我是老师3</p>
                    </td>
                    <td>2022-01-01</td>
                </tr>
            </tbody>
        </table>
    </div>

    


    <script src="./js/jquery-3.6.0.js"></script>
    <script src="../../lib/layui-v2.6.3/layui.js"></script>
    <script src="./js/bootstrap-5.1.3/dist/js/bootstrap.bundle.js"></script>
    <script src="./js/yjgl.js"></script>
</body>

</html>